<%-- 
    Document   : index
    Created on : Apr 24, 2012, 2:11:15 PM
    Author     : Jayson Kiong
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Cache-Control" content="no-cache">
        <meta http-equiv="Expires" content="Sat, 01 Dec 2001 00:00:00 GMT">
        <title>QuickLend Loan Management System</title>
        <link rel = "stylesheet" type = "text/css" href = "quicklendstyle.css"/>
        <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>
        <script src="gen_validatorv4.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){

			// Accordion
			$("#accordion").accordion({ header: "h3" });

			// Tabs
			$('#tabs').tabs();

			// Dialog
			$('#dialog').dialog({
				autoOpen: false,
				width: 600,
				buttons: {
					"Ok": function() {
						$(this).dialog("close");
					},
					"Cancel": function() {
						$(this).dialog("close");
					}
				}
			});
				// Dialog Link
			$('#dialog_link').click(function(){
				$('#dialog').dialog('open');
				return false;
			});
				// Datepicker
			$('#datepicker').datepicker({
				inline: true
			});
				// Slider
			$('#slider').slider({
				range: true,
				values: [17, 67]
			});
				// Progressbar
			$("#progressbar").progressbar({
				value: 20
			});
				//hover states on the static widgets
			$('#dialog_link, ul#icons li').hover(
				function() { $(this).addClass('ui-state-hover'); },
				function() { $(this).removeClass('ui-state-hover'); }
			);
			});
	</script>
	<style type="text/css">
			/*demo page css*/
		body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
		.demoHeaders { margin-top: 2em; }
		#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
		#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
		ul#icons {margin: 0; padding: 0;}
		ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
		ul#icons span.ui-icon {float: left; margin: 0 4px;}
	</style>
    </head>
    
    <body>  
        <div id="logo" style="position: absolute; top:120px; left:500px;">
            <img src="images/qllogo.png" alt=""></img>
        </div>
        
        <div id="companyname" style="position:absolute; top:130px; left:590px;">
            <img src="images/companyname.png" alt=""></img>
        </div>
        
        <form id="loginform" action="/Quicklend/LoginValidation" method="POST">
        <div id ="loginbg" >
            <div class="custom" style="position: absolute; top: 267px; left: 270px;" >
                 <input type="text" name="username" class="custom" size="17" /></br>
                  
            </div>
            
            <div class="custom" style="position: absolute; top:306px; left:270px;">
                 <input type="password" name="password" class="custom" size="17" />
            </div>  
            
            <div id="login">
                <input type="image" src="images/loginimage2.png"  size="13" style="position:absolute; top:340px ; left:345px;"/></a>
                
            </div>
            
            <div id="forgotandregister" style="position: absolute; top:350px; left:150px;">
                <a href ="register.jsp" id ="register"><u>Register</u></a></br>
                <a href ="forgotpassword.jsp" id ="forgotpassword"><u>Forgot Password?</u></a>
            </div>
            
            
        </div>
        </form>
        
        
    </body>
</html>
